{% block doc -%}
<!DOCTYPE html>
<html{% block html_attribs %}lang="en"{% endblock html_attribs %}>
{% block html -%}
  <head>
  {% block head -%}
    <title> {% block title %}Bootswatch: Darkly{% endblock title %}</title>
    {%- block metas %}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {%- endblock metas %}
    {%- block default_styles %}
    <link href="{{url_for('static', filename='bootswatch/dist/darkly/bootstrap.css')}}" rel="stylesheet">
    <link href="{{url_for('static', filename='_assets/css/custom.min.css')}}" rel="stylesheet">
    {%- endblock default_styles %}
    {%- block styles %}
    {%- endblock styles %}
    {%- endblock head %}
  </head>
  <body{% block body_attribs %}{% endblock body_attribs %}>
    {% block body -%}
    {% block navbar %}
    <div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
      <div class="container">
        <a href="../" class="navbar-brand">Bootswatch</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav">
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Themes <span class="caret"></span></a>
              <div class="dropdown-menu" aria-labelledby="themes">
                <a class="dropdown-item" href="../default/">Default</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#home">home</a>
                <a class="dropdown-item" href="#equipment">equipment</a>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="../help/">Help</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="http://blog.bootswatch.com">Blog</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="download">Darkly <span class="caret"></span></a>
              <div class="dropdown-menu" aria-labelledby="download">
                <a class="dropdown-item" href="https://jsfiddle.net/bootswatch/1172d9hh/">Open in JSFiddle</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="../4/darkly/bootstrap.min.css">bootstrap.min.css</a>
                <a class="dropdown-item" href="../4/darkly/bootstrap.css">bootstrap.css</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="../4/darkly/_variables.scss">_variables.scss</a>
                <a class="dropdown-item" href="../4/darkly/_bootswatch.scss">_bootswatch.scss</a>
              </div>
            </li>
          </ul>
          <ul class="nav navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="https://wrapbootstrap.com/?ref=bsw" target="_blank">WrapBootstrap</a>
            </li>
          </ul>

        </div>
      </div>
    </div>
    {%- endblock navbar %}
    {% block content -%}
    <div class="container-fluid">
      <div class="row flex-xl-nowrap">
        <div class="col-12 col-md-3 col-xl-2">
          <form class="bd-search d-flex align-items-center">
            <span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;"><input type="search" class="form-control ds-input" id="search-input" placeholder="Search..." autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;"><pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: normal; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre><span class="ds-dropdown-menu" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: 100%; z-index: 100; display: none; left: 0px; right: auto;"><div class="ds-dataset-1"></div></span></span>
            <button class="btn btn-link bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-toggle="collapse" data-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false" aria-label="Toggle docs navigation"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30" height="30" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"></path></svg>
            </button>
          </form>
          <ul class="nav tabs">
            <li class="nav-item active">
              <a class="nav-link" href="#home" target="_blank">home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#home" target="_blank">home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#home" target="_blank">home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#home" target="_blank">home</a>
            </li>
          </ul>
        </div>

      </div>
    </div>
    {%- endblock content %}

    {% block scripts %}
    {%- endblock scripts %}
    {% block default_scripts %}
      <script src="{{url_for('static', filename='_vendor/jquery/dist/jquery.min.js')}}"></script>
      <script src="{{url_for('static', filename='_vendor/popper.js/dist/umd/popper.min.js')}}"></script>
      <script src="{{url_for('static', filename='_vendor/bootstrap/dist/js/bootstrap.min.js')}}"></script>
      <script src="{{url_for('static', filename='_assets/js/custom.js')}}"></script>
      <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    {%- endblock default_scripts %}
    {%- endblock body %}
  </body>
  {%- endblock html %}
</html>
{% endblock doc -%}
